<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title>法门寺佛文化景区免费WIFI</title>
    <link rel="stylesheet" href="css/map.css"/>
    <script src="js/common.js"></script>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jq.ScrollTo.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            if (detectDeviceType() == "Apple") {
                $("#androidDown").hide();
            } else {
                $("#iosDown").hide();
            }
            var bheight = $(document).height()



            var height = window.screen.height;
            $(".content").css("height", 0.3 * height)
            $("#close").click(function () {
                $("#detail").slideToggle(500);
                $("#page").css("overflow", "auto");
            });
            $("#appDownClose").click(function () {
                $("#Down").slideToggle(500);
                $("#page").css("overflow", "auto");
            });
            //获取数据
            $.getJSON(jsonurl+"?module=product_category_find&callback=?", function (d) {
                var resultData = d.Variables.data;
                $.each(resultData,function(index,items){
                    $('.jingdian[name="'+items.cpid+'"]').live("click",function(){
                        $("#page").css("height", bheight);
                        $("#page").css("overflow", "hidden");
                        //记录访问量
                        writePv(items.cpid);
                        var i = $(this).attr('name');
                        var html = '<img class="radius" src="' + items.picurl + '"  width="100%" /><div style="padding:8px 0;">' + items.explain + '</div>';
                        $("#content").html(html);
                        $("#page").css("overflow", "hidden");
                        $("#detail").show().addClass("pt-page-moveFromBottom");
//                        $("#detail").slideToggle(500);
                    })
                });

            })
            $('#appDown').click(function () {
                $("#page").css("height", bheight);
                $("#page").css("overflow", "hidden");
                /*if($("#Down").hasClass("pt-page-moveFromBottom")){
                    $("#Down").removeClass("pt-page-moveFromBottom").addClass("pt-page-moveToBottom");
                }
                if($("#Down").hasClass("pt-page-moveToBottom")){
                    $("#Down").show().removeClass("pt-page-moveToBottom").addClass("pt-page-moveFromBottom");
                }*/
                $("#Down").slideToggle(500)
            });
            $.getJSON("./datas.json", function (d) {
                var resultData = d.datas;
                $('#mianze').click(function () {
                    $("#page").css("height", bheight);
                    $("#page").css("overflow", "hidden");
                    var i = $(this).attr('name');
                    var html = "<div style='padding:8px 0;'>" + resultData.mianze + "</div>";
                    $("#content").html(html);
                    $("#detail").slideToggle(500);
                })
            })

        });
        //设备类型
        function detectDeviceType() {
            var isIphone = navigator.userAgent.indexOf("iPhone") != -1;
            var isIpod = navigator.userAgent.indexOf("iPod") != -1;
            var isIpad = navigator.userAgent.indexOf("iPad") != -1;
            var isAndroid = navigator.userAgent.indexOf("Android") != -1;
            var isIos = isIphone || isIpod || isIpad;
            return isIos ? "Apple" : "Android";
        }
        function qfhjpv(pvid){
            writePv(pvid);
            if(pvid*1==200)window.location.href='http://m.baidu.com';
        }
        function writePv(pvid){
            //记录访问量
            $.getJSON(jsonurl+"?module=fms_pageview_add&cpid="+pvid+"&callback=?", function (d) {
                var r = d.Variables.Result.code;
                if(r*1==0){console.log("记录成功!")}
            });
        }
    </script>
</head>


<body>
<div id="page">
    <div class="bg">
        <img src="images/map_back.jpg" class="mapbg"/>
        <!---->
        <div class="head">
            <div class="headBtn">
                <div id="appDown" onclick="qfhjpv(100)"></div>
                <div id="net" onclick="qfhjpv(200)"></div>
            </div>
            <div class="declare">
                <input type="checkbox" class="check" checked="checked"/>
                <a style="text-decoration:underline" id="mianze" onclick="qfhjpv(300)">免责声明</a>
            </div>
        </div>

        <!--景点-->
        <div class="scenery">
            <div class="list1 jingdian" name='429'><img src="images/heshisheli.png"/></div>
            <div class="list2 jingdian" name='430'><img src="images/famen.png"/></div>
            <div class="list3 jingdian" name='428'><img src="images/dashizhi.png"/></div>
            <div class="list4 jingdian" name='431'><img src="images/museum.png"/></div>
            <div class="list5 jingdian" name='427'><img src="images/yueguang.png"/></div>
            <div class="list6 jingdian" name='422'><img src="images/riguang.png"/></div>
            <div class="list7 jingdian" id="scrollposition" name='426'><img src="images/dizang.png"/></div>
            <div class="list8 jingdian" name='421'><img src="images/ganyin.png"/></div>
            <div class="list9 jingdian" name='425'><img src="images/puxian.png"/></div>
            <div class="list10 jingdian" name='420'><img src="images/wenshu.png"/></div>
            <div class="list11 jingdian" name='419'><img src="images/damiao.png"/></div>
            <div class="list14 jingdian" name='423'><img src="images/ganyin.png"/></div>
            <div class="list15 jingdian" name='424'><img src="images/falinyuan.png"/></div>
            <div class="list16 jingdian" name='432'><img src="images/shanmen.png"/></div>
        </div>
    </div>

    <!--详情-->
    <div id="detail" class="detail">
        <img src="images/shadow_top.png" class="top" width="100%;"/>

        <div class="closeBg">
            <img id="close" src="images/close_pressed.png" class="close"/>
        </div>
        <img src="images/top.png" width="100%;"/>
        <!--内容-->
        <div class="content" id='content'>
        </div>
        <img src="images/under.png" width="100%"/>
    </div>

    <!--下载-->
    <div id="Down" class="detail">
        <img src="images/shadow_top.png" class="top" width="100%;"/>

        <div class="closeBg">
            <img src="images/close_pressed.png" class="close" id="appDownClose"/>
        </div>
        <img src="images/top.png" width="100%;"/>
        <!--内容-->
        <div class="content" name='content' style="overflow:auto;">
            <!--下载-->
            <div class="down">
                <img src="images/icon.png" style="float:left" class="icon"/>

                <div style="float:left; padding-left:1em;">
                    <div class="title">法门拜佛</div>
                    <a href="install/fmbf.apk" id="androidDown"><img src="images/down.png" class="downBtn"/></a>
                    <a href="https://itunes.apple.com/cn/app/fa-men-bai-fu/id892411664?mt=8" id="iosDown"><img src="images/down.png" class="downBtn"/></a>
                </div>
            </div>
            <!--图片展示-->
            <div style="padding:8px 0; overflow:hidden;border-bottom:1px solid #453827;border-top:1px solid #453827; ">
                <ul>
                    <li><img src="images/show1.jpg" width="100%"/></li>
                    <li><img src="images/show2.jpg" width="100%"/></li>
                    <li><img src="images/show3.jpg" width="100%"/></li>
                </ul>
            </div>
            <div>

                <div><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;法门寺被誉为皇家寺庙，因安置释迦牟尼佛指骨舍利而成为举国仰望的佛教圣地,法门寺佛塔被誉为"护国真身宝塔".<br/>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;法门寺APP让您无论身在何处，都可以观赏法门寺景区，珍宝，以及实时资讯。还为虔诚的学佛人士，提供真实模拟拜佛场景。
                    <br>产品特色：
                    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.虚拟拜佛，上香，换供奉物品等功能;
                    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.法门寺珍宝展示；
                    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.内置开示经文，随时随地查看诵读；
                    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.景区视频展示等功能；
                </p>
                </div>
            </div>
            <img src="images/under.png" width="100%"/>
        </div>
    </div>

    <script>
        window.onload=function(){
                setTimeout(function(){
                    $.scrollTo("#scrollposition", 800);
                },1000)
        }

    </script>
</body>

</html>
